﻿<%@ page pageEncoding="UTF-8" %>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head> 
	<title>CrecheBook</title>
	<!-- meta -->
	<meta name="description" content="">
	<meta name="author" content="M. Steve">
	<link rel="shortcut icon" href="favicon.ico">
	<meta charset="UTF-8">
	
	<!-- Google MAPS -->
	<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
	
	<!-- CSS-->
	<link rel="stylesheet" href="medias/css/core.css" type="text/css" media="screen">
	<link rel="stylesheet" href="medias/css/jquery-ui-1.10.3.custom.css"/>
	<link rel="stylesheet" href="medias/css/jquery.mobile-1.2.0.css"/>
	
	<!-- JQuery -->
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
	<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
	
	<!-- JS -->
	<script src="medias/javaScript/inputs.js"></script>
	<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
	<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
	<script type="text/javascript" src="medias/javaScript/jquery.ui.datepicker-fr.js"></script>
</head> 
<body > 

	<%@ page import = "Creche.Bd.BD" %>
	<%@page import = "Creche.Main.Creche"%>
	<%@page import = "Creche.Donnees.Donnee"%>
	<%@page import = "Creche.Donnees.Actualite"%>
	
	<%@page import = "java.util.ArrayList" %>
	<%@page import = "java.lang.String" %>
	<%@page import = "java.io.*" %>
	<%@page import = "java.util.*" %>
	<%@page import = "javax.servlet.*" %>
	<%@page import = "java.sql.Date" %>
	<%@page import = "java.text.SimpleDateFormat" %>
	<%@page import = "javax.servlet.http.*" %>

	<div data-role="page">
	
		<div data-role="header">
		
			
			
			<div id="banniere">
				<br>
				<br>
				<h1 >CrecheBook</h1>
			</div>
			
			<div id="searchBox">
	
				<div class="ui-bar ui-bar-c">	
					<h2 id="nomCreche">     
					<% 
					
																			
						Creche creche = null;
						BD myBD = new BD();
									
						String nom="";
						String ville="";		
						if (request.getParameter("nom")!= null || request.getParameter("ville")!= null)
						{
							nom = request.getParameter("nom");
							ville = request.getParameter("ville");
							
							nom.toLowerCase();
							String nomFormat = nom.toLowerCase(); 
							//out.print(nomFormat);
							
							out.print("<a href='search.jsp' rel='external' data-role='button' data-theme='c' data-corners='true' data-icon='home' data-inline='true'>Accueil</a>");
							out.print("<h1>" +ville + " | " + nomFormat +"</h1>");
						

							
							// Recherche de la creche
							
							creche = myBD.getCreche(nom,ville);
							session.setAttribute("creche", creche);
						}
						else response.sendRedirect("search.jsp"); 
						
						if (request.getParameter("like")!= null)
						{
							// Verification d'un deja voter
							Cookie[] cookies = request.getCookies();
							Boolean dejaLike = false;
							String formatCookS = "like-"+nom+"-"+ville;
							formatCookS = formatCookS.replace(' ', '_');
							for(int i=0; i < cookies.length; i++) 
							{
								Cookie MonCookie = cookies[i];
								if (MonCookie.getName().equals(formatCookS)) 
								{
									dejaLike = true; 
								}
							}
							
							if (dejaLike == false)
							{
								// Ajout d'un like
								Integer nbLikeBefore = creche.getLike();
								
								creche.addLike();
								myBD.estPersistent(creche);
								
								// Boucle de verification que le like a eter enregistrer
								creche = myBD.getCreche(nom,ville);
								Integer nbLikeAfter = creche.getLike();
								
								while(nbLikeBefore > nbLikeAfter)
								{
									creche = myBD.getCreche(nom,ville);
									nbLikeAfter = creche.getLike();
								}
								
								// Ajout d'un cookie pour dire qu'il y a un like sur cette creche
								Cookie like = new Cookie(formatCookS, "Liked");
								response.addCookie(like);
							}
							
							
							// redirection
							response.sendRedirect("creche.jsp?nom="+nom+"&ville="+creche.getAdresse().getVille()); 
						}
					%>
					
					
					</h2>
	
				 </div>
			 </div>
				
				
	 
		</div><!-- /header -->
	
		<div data-role="content">
			<!-- Modifier ici -->
			<div class="ui-grid-a">
				<div class="ui-block-a">
				
					<div id="menu" data-content-theme="b">
			
						<a data-ajax='false' href="creche.jsp<% if (creche != null) {out.print("?nom="+nom+"&ville="+creche.getAdresse().getVille());}%>&like=1"><p id="socialLink"><img src="medias/images/pouce-vert.jpg" width="50" height="50"><span>J'aime cette creche (<% if (creche != null) {out.print(creche.getLike());}%>)</span></p></a>
						<a href="demande" data-ajax="false"><p id="socialLink"><img src="medias/images/subscipt.jpg" width="50" height="50"><span>Inscrire mon enfant</span></p></a>
						<a href="a"><p id="socialLink"><img src="medias/images/face.jpg" width="50" height="50"><span>Suivre sur Facebook</span></p></a>
						<a href="a"><p id="socialLink"><img src="medias/images/twitter-logotype.gif" width="50" height="50"><span>Suivre sur Twiter</span></p></a>
					
					</div>
			
			
				</div><!-- /menu-->
				
				<div class="ui-block-b" >
				
					<div class="ui-bar ui-bar-c" >

						<h4> Informations générales</h4>
						
					</div>
				
					<div id="informationGenerale"  class="ui-body ui-body-d">
		
													
						<% 
		
		
										
							// Affichage
							if (creche != null)
							{
									
									// On affiche
									String info = "<strong>" +"Adresse"+ ":&nbsp;</strong>"  + creche.getAdresse().getAdresse()+ "<br>";
									info += "<strong>" +"Ville"+ ":&nbsp;</strong>" + creche.getAdresse().getVille()+ "<br>";
									info += "<strong>" +"Code Postale"+ ":&nbsp;</strong>" + creche.getAdresse().getCP() + "<br>";
									
									ArrayList<Donnee> donnees = creche.getSeulementDonnees();
									
									for (Donnee d: donnees)
									{
											if (!d.valide()) info += "<img src='medias/images/dalerte-attention-avertissement-icone-8189-16.png' title=\"Cette information n'as pas encore été approuvé par l'administateur.\" width='15' height='15' >";
											info += "<strong>" +d.getLabel()+ ":&nbsp;</strong>" +d.getVal()+ "<br>";
		
									}
									info += "<br>";
									out.print(info);
							}
		
										
										
						%>
						<p style='text-align:right'><a href="modifCreche.jsp<% if (creche != null) {out.print("?nom="+nom+"&ville="+creche.getAdresse().getVille());}%>" rel="external" data-role="button" data-theme="c" data-corners="true" data-icon="gear" data-mini="true" data-inline="true">Modifier</a></p>
						
						
						 <p style="color:#CCCCCC;font-size:9px;">Aidez nous &#224; remplir les informations qui concernent cette creche en appuyant sur le bouton modifier.</p>

		
				
					</div> 
				
				</div>	   <!-- /infoGenerale-->
	
			</div> <!-- /ui-block-b-->
			<br>
			
			<div class="ui-bar ui-bar-c">
				<h2> Actualités </h2>
			</div>
			
			
			
			
			 <div id="actualitee" ><br>
			 
									
				<% 
				
						// Affichage
						if (creche != null)
						{
								String actus = "";
								
								ArrayList<Actualite> donnees = creche.getActu();
								
								if (donnees.isEmpty())
								{
												actus  += "<div data-role='collapsible' data-theme='b' data-content-theme='d' data-collapsed='false'><h4>" +"Faites rayonner votre cr&#232;che"+"</h4>" 
												+"Une nouvelle rentr&#233;e approche, vous recherchez des employ&#233;s pour votre cr&#232;che? Faites le savoir en ajoutant des &#233;v&#232;nements sur cette page."+ "<br></div>";
								}
								else
								{
										for (Actualite d: donnees)
										{
												SimpleDateFormat formatDateJour = new SimpleDateFormat("dd/MM/yyyy");
												String dateFormatee = formatDateJour.format(d.getDate()); 
												
												String message = d.getVal().replace("\n","<br>");
												actus  += "<div data-role='collapsible' data-theme='b' data-content-theme='d' data-collapsed='false'><h4>";
												
												if (!d.valide()) actus += "<img src='medias/images/dalerte-attention-avertissement-icone-8189-16.png' title=\"Cette information n'as pas encore été approuvé par l'administateur.\" width='15' height='15' >";
																							
												actus  += d.getLabel()+ "&nbsp; -&nbsp;"+dateFormatee+"</h4>" +message+ "</div>";
										}
								}
								actus  += "";
								out.print(actus );
						}
				%>
		
			</div><!-- /actualitee -->
			
			<br>
			<br>
			
			<div >
			
				<div class="ui-bar ui-bar-c">
					<h2> Ajouter un évènement </h2>
				</div>
				
				<div class="ui-body ui-body-d">
						
				<form method = POST action = ajoutActu data-ajax="false" name="actu">
	
					
						<div class="ui-grid-b">
							<div class="ui-block-a">
								<strong>Titre:</strong> <input type="text" name="label">
							</div>
							<div class="ui-block-b">
								<strong>Date:</strong><input type="text" id="date" name="valeur" value=""/>
							</div>
						</div>
	
						<textarea id="event_com"  name ="com" style='height:100px;'></textarea>
	
						<p style="text-align:right;" ><input type="submit" value="Ajouter" data-icon="plus" data-mini='true'data-inline="true"  data-theme='b' ></p>
	
				</form>
				</div>
				
			</div>
				
	
			
		</div><!-- /content -->
	
		<div data-role="footer">
			
			<h4 style="margin:30px;bottom: 0px;">
				<strong> CrecheBook 2013</strong> <br>
				<a href="legal.jsp" data-ajax="false">Mentions&nbsp;l&eacute;gales</a>&nbsp;|&nbsp;
				<a href="connexion" data-ajax="false">Administateur</a>
			 </h4>
				
		</div><!-- /footer -->
	</div><!-- /page -->
	
	<script type="text/javascript">
		$(function() {
			$('#date').datepicker();
			$('#date').on('focus click tap vclick', function (event) {
                event.stopImmediatePropagation();
                event.preventDefault();
                $('#date').blur();
            });
		});
	</script>
</body>
</html>